<template>
	<view style="background-color:#f5f5f5">
		<view style="background-color: white;border-bottom: 1px solid white;padding-top: 20rpx;" class="step">
			<up-steps :current="current">
				<up-steps-item title="分配中"></up-steps-item>
				<up-steps-item title="接单中"></up-steps-item>
				<up-steps-item title="备货中"></up-steps-item>
				<up-steps-item title="发货中"></up-steps-item>
				<up-steps-item title="回款|签收"></up-steps-item>
				<up-steps-item title="完结"></up-steps-item>
			</up-steps>
		</view>
		<up-line color="#f5f5f5"></up-line>
		<view style="margin: 20rpx;background-color: white;" class="info">
			<view class="workbench-title">客户信息</view>
			<view>
				<up-form labelPosition="left" class="apply-form-field" :labelStyle="labelStyle" :borderBottom="false"
					:model="orderInfo">
					<up-form-item borderBottom="false" label-width="120" label="订单号">
						<up-input v-model="orderInfo.orderSum" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="下单日期">
						<up-input v-model="orderInfo.orderDate" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="客户名称">
						<up-input v-model="orderInfo.customerName" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="付款账期">
						<up-input v-model="orderInfo.accountPeriod" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="发货方式">
						<up-input v-model="orderInfo.choiceCar" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="发货日期">
						<up-input v-model="orderInfo.pickDate" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="销售部门">
						<up-input v-model="orderInfo.department" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="销售类型">
						<up-input v-model="orderInfo.sample" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="所在区域">
						<up-input v-model="orderInfo.area" border="none" readonly></up-input>
					</up-form-item>

					<up-form-item borderBottom="false" label-width="120" label="销售人员">
						<up-input v-model="orderInfo.salesPerson" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="跟单员">
						<up-input v-model="orderInfo.gendanyuan" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="是否押车">
						<up-input border="none" readonly>
							<template #prefix>
								{{orderInfo.isUnloading == 0 ?'否':'是'}}
							</template>
						</up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="押车天数" v-if="orderInfo.isUnloading == 1">
						<up-input v-model="orderInfo.unloadingDays" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="预计押车费用"
						v-if="orderInfo.isUnloading == 1">
						<up-input v-model="orderInfo.unloadingFare" border="none" readonly></up-input>
					</up-form-item>

					<up-form-item borderBottom="false" label-width="120" label="收货人">
						<up-input v-model="orderInfo.customerTake" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="收货人电话">
						<up-input v-model="orderInfo.customerPhone" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="收货人地址">
						<up-input border="none" readonly>
							<template #prefix>
								{{orderInfo.textProvince+'/'+orderInfo.textCity+'/'+orderInfo.textArea}}
							</template>
						</up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="收货人详细地址">
						<up-input v-model="orderInfo.customerAddress" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="客户形式">
						<up-input v-model="orderInfo.customerForm" border="none" readonly></up-input>
					</up-form-item>

					<up-form-item borderBottom="false" label-width="120" label="付款方式">
						<up-input v-model="orderInfo.customerPay" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="付款账号">
						<up-input v-model="orderInfo.customerAccount" border="none" readonly></up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="是否开票">
						<up-input border="none" readonly>
							<template #prefix>
								{{orderInfo.isInvoicing == 0 ?'否':'是'}}
							</template>
						</up-input>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="相关图片">
						<u-upload :fileList="fileList1" name="1" multiple :maxCount="10" disabled
							v-if="this.fileList1.length>0"></u-upload>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="相关文件">
						<u-upload :fileList="fileList2" name="1" multiple :maxCount="10" disabled
							v-if="this.fileList2.length>0"></u-upload>
					</up-form-item>
					<up-form-item borderBottom="false" label-width="120" label="备注">
						<up-input v-model="orderInfo.remake" border="none" readonly></up-input>
					</up-form-item>
				</up-form>
			</view>
			<up-gap height="10" bgColor="#dfdfdf"></up-gap>
			<view class="workbench-title">销售订单</view>
			<view>
				<view style="text-align: center;margin-bottom: 10rpx;">
					<up-tag :text="currentSellPage + '/'+sellOrderInfo.length" plain size="mini"></up-tag>
				</view>
				<swiper :indicator-dots="true" class="swiper1" @change="swiper1Change($event)">
					<swiper-item v-for="(item,index) in sellOrderInfo" :key="index">
						<up-form labelPosition="left" class="apply-form-field" :labelStyle="labelStyle"
							:borderBottom="false" :model="orderInfo">
							<up-form-item borderBottom="false" label-width="160" label="跟单员">
								<up-input border="none" readonly>
									<template #prefix>
										<span v-if="!item.gendanyuan || item.gendanyuan == ''">暂无</span>
										<span v-else>{{ (item.gendanyuan.split(","))[item.gendanyuan.split(",").length - 1]
                                      }}</span>
									</template>
								</up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="SKU名称">
								<up-input v-model="item.skuName" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="外包装">
								<up-input v-model="item.packageMethod" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="内包装">
								<up-input v-model="item.innerPackageMethod" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="产品名称">
								<up-input v-model="item.productName" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="品种">
								<up-input border="none" readonly>
									<template #prefix>
										<template v-for="(item1, index) in item.varietySplits" :key="index">
											{{ item1 }}
										</template>
									</template>
								</up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="等级">
								<up-input v-model="item.grade" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="最小规格/kg">
								<up-input v-model="item.minimum" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="内包装数量 / 箱">
								<up-input v-model="item.weight" border="none" readonly></up-input>
							</up-form-item>

							<up-form-item borderBottom="false" label-width="160" label="外包装订单数量">
								<up-input v-model="item.piece" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="销售单价(最小规格/元)">
								<up-input v-model="item.price" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="订单金额 / 元">
								<up-input v-model="item.priceTotal" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="采购重量">
								<up-input v-model="item.weightTotal" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="销售单价 /公斤/元">
								<up-input v-model="item.desc" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="出库类型">
								<up-input v-model="item.type" border="none" readonly></up-input>
							</up-form-item>

							<up-form-item borderBottom="false" label-width="160" label="是否分级">
								<up-input v-model="item.isGraded" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="是否标重">
								<up-input v-model="item.isStandardWeight" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="关联订单">
								<up-input v-model="item.relatedOrderNum" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="新旧货">
								<up-input v-model="item.extent" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="打托方式(箱/托)">
								<up-input v-model="item.palletizingMethod" border="none" readonly></up-input>
							</up-form-item>

							<up-form-item borderBottom="false" label-width="160" label="指定园区">
								<up-input v-model="item.companyName" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="备注">
								<up-input v-model="item.notes" border="none" readonly></up-input>
							</up-form-item>
						</up-form>
						<up-loadmore loadmoreText="可左右滑动查看销售订单" color="green" lineColor="green" dashed line />
					</swiper-item>
				</swiper>
			</view>
			<up-gap height="10" bgColor="#dfdfdf"></up-gap>
			<view class="workbench-title">采购订单</view>
			<view>
				<view style="text-align: center;margin-bottom: 10rpx;">
					<up-tag :text="currentSalePage + '/'+saleOrderInfo.length" plain size="mini"></up-tag>
				</view>
				<swiper :indicator-dots="true" class="swiper2" @change="swiper2Change($event)">
					<swiper-item v-for="(item,index) in saleOrderInfo" :key="index">
						<up-form labelPosition="left" class="apply-form-field" :labelStyle="labelStyle"
							:borderBottom="false" :model="orderInfo">
							<up-form-item borderBottom="false" label-width="160" label="SKU名称">
								<up-input v-model="item.skuName" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="外包装">
								<up-input v-model="item.packageMethod" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="内包装">
								<up-input v-model="item.innerPackageMethod" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="产品名称">
								<up-input v-model="item.productName" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="品种">
								<up-input border="none" readonly>
									<template #prefix>
										<template v-for="(item1, index) in item.varietySplits" :key="index">
											{{ item1 }}
										</template>
									</template>
								</up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="等级">
								<up-input v-model="item.grade" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="园区名称">
								<up-input v-model="item.companyName" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="最小规格/kg">
								<up-input v-model="item.minimum" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="箱规（数量）">
								<up-input v-model="item.weight" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="采购单价 / 元">
								<up-input v-model="item.orderPrice" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="外包装订单数量">
								<up-input v-model="item.piece" border="none" readonly></up-input>
							</up-form-item>
							<!-- 						<up-form-item borderBottom="false" label-width="160" label="销售单价(最小规格/元)">
							<up-input v-model="item.price" border="none" readonly></up-input>
						</up-form-item> -->
							<!-- 						<up-form-item borderBottom="false" label-width="160" label="销售合计 / 元">
							<up-input v-model="item.priceTotal" border="none" readonly></up-input>
						</up-form-item> -->
							<up-form-item borderBottom="false" label-width="160" label="订单重量">
								<up-input v-model="item.weightTotal" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="采购金额 / 元">
								<up-input v-model="item.buyPriceTotal" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="出库类型">
								<up-input v-model="item.type" border="none" readonly></up-input>
							</up-form-item>

							<up-form-item borderBottom="false" label-width="160" label="是否分级">
								<up-input v-model="item.isGraded" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="是否标重">
								<up-input v-model="item.isStandardWeight" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="关联订单">
								<up-input v-model="item.relatedOrderNum" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="新旧货">
								<up-input v-model="item.extent" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="打托方式(箱/托)">
								<up-input v-model="item.palletizingMethod" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="备注">
								<up-input v-model="item.notes" border="none" readonly></up-input>
							</up-form-item>
						</up-form>
						<up-loadmore loadmoreText="可左右滑动查看采购订单" color="green" lineColor="green" dashed line />
					</swiper-item>
				</swiper>
			</view>
			<up-gap height="10" bgColor="#dfdfdf"></up-gap>
			<view class="workbench-title">备货单</view>
			<view>
				<view>  
				<u-tabs :list="subsectionList" ></u-tabs>
				</view>
				
				<view style="text-align: center;margin-bottom: 10rpx;">
					<up-tag :text="currentStockPage + '/'+stockList.length" plain size="mini"></up-tag>
				</view>
				<swiper :indicator-dots="true" class="swiper2" @change="swiper3Change($event)">
					<swiper-item v-for="(item,index) in stockList" :key="index">
						<up-form labelPosition="left" class="apply-form-field" :labelStyle="labelStyle"
							:borderBottom="false" :model="orderInfo">
							<up-form-item borderBottom="false" label-width="160" label="SKU名称">
								<up-input v-model="item.skuName" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="产品名称">
								<up-input v-model="item.productName" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="品种">
								<up-input v-model="item.varietyName" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="等级">
								<up-input v-model="item.grade" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="是否分级">
								<up-input v-model="item.type" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="包装方式">
								<up-input v-model="item.packageMethod" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="新旧货">
								<up-input v-model="item.extent" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="最小规格/kg">
								<up-input v-model="item.minimum" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="箱规(件数)">
								<up-input v-model="item.weight" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="应备件数">
								<up-input v-model="item.piece" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="应发重量(kg)">
								<up-input v-model="item.weightTotal" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="已入库量(kg)">
								<up-input v-model="item.weightTotalRu" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="已发件数">
								<up-input v-model="item.piece_fh_sum" border="none" readonly></up-input>
							</up-form-item>
							<up-form-item borderBottom="false" label-width="160" label="已发重量(kg)">
								<up-input v-model="item.weight_fh_sum" border="none" readonly></up-input>
							</up-form-item>
						</up-form>
						<up-loadmore loadmoreText="可左右滑动查看备货单" color="green" lineColor="green" dashed line />
					</swiper-item>
				</swiper>
			</view>
		</view>
	</view>
</template>

<script>
	import orderApi from '@/apis/gyl/order.js';
	import baseApi from '@/apis/gyl/base.js';
	// import * as qs from '../../../node_modules/qs'
	export default {
		data() {
			return {
				current: 0,
				labelStyle: {
					color: '#aaa',
					fontSize: '30rpx'
				},
				stockList: [],
				currentSellPage: 1,
				currentSalePage: 1,
				currentStockPage:1,
				currentTab: 0,
				subsectionList:[{
                    name: '关注',
                }, {
                    name: '推荐',
                }, {
                    name: '电影'
                }, {
                    name: '科技'
                }, {
                    name: '音乐'
                }, {
                    name: '美食'
                }, {
                    name: '文化'
                }, {
                    name: '财经'
                }, {
                    name: '手工'
                }],
				list: [{
						key: 'plus',
						name: 'plus',
						color: '#fff',
						backgroundColor: 'red'
					},
					{
						key: 'order',
						name: 'order',
						color: '#fff',
						backgroundColor: 'green'
					}
				],
				orderInfo: {}, //客户信息
				sellOrderInfo: [], //销售订单
				saleOrderInfo: [], //采购订单
				id: null, //订单id
				status: null,
				fileList1: [],
				fileList2: [],
				titleList: [{
						name: '客户信息'
					},
					{
						name: '销售订单'
					},
					{
						name: '采购订单'
					},
					{
						name: '备货单'
					},
					{
						name: '发货记录'
					},
				]
			}
		},
		methods: {
			swiper1Change(item) {
				this.currentSellPage = item.detail.current + 1;
			},
			swiper2Change(item) {
				this.currentSalePage = item.detail.current + 1;
			},
			tabsClick(item) {
				this.currentTab = item.index;
				this.currentSellPage = 1;
				this.currentSalePage = 1;
			},

			// ----------------------------------------------------   api  ---------------------------------------------------------
			async getDetail() {
				const res = await orderApi.getDetail({
					id: this.id,
					status: this.status
				})
				if (res.success) {
					// this.orderInfo = res.data.saleDetail == null ? res.data.sellDetail : res.data.saleDetail;
					this.orderInfo = res.data.sellDetail;
					this.sellOrderInfo = this.orderInfo.belongList;
					if (this.orderInfo.orderImage != null && this.orderInfo.orderImage != '') {
						var img = this.orderInfo.orderImage.split(',')
						img.forEach((item) => {
							const map = {
								url: item
							}
							this.fileList1.push(map)
						})
					}
					if (this.orderInfo.orderText != null && this.orderInfo.orderText != '') {
						var signImg = this.orderInfo.orderText.split(',')
						img.forEach((item) => {
							const map = {
								url: item
							}
							this.fileList2.push(map)
						})
					}
					if (this.orderInfo.status == 6) {
						this.current = 4;
					} else if (this.orderInfo.status == 7 || this.orderInfo.status == 8) {
						this.current = 5;
					} else if (this.orderInfo.status >= 9) {
						this.current = 6;
					} else {
						this.current = this.orderInfo.status - 1;
					}
					//采购订单
					if (res.data.saleDetail) {
						this.saleOrderInfo = res.data.saleDetail.indentList;
						this.getStockList(res.data.saleDetail.orderTimeStamp, res.data.saleDetail.dbName);
					}

				}
			},
			async getStockList(orderNum, dbName) {
				const res = await orderApi.getStockList(this.id);
				if (res.success) {
					this.stockList = res.data;
					var formData = {
						'order_no': orderNum,
						'new_db_name': dbName
					}
					const params = new URLSearchParams();
					for (var i = 0; i < this.stockList.length; i++) {
						for (let key in this.stockList[i]) {
							if (!formData.hasOwnProperty(key)) {
								if (this.stockList[i][key] != null) {
									formData['cp_info' + '[' + i + '][' + key + ']'] = this.stockList[i][key];
								} else {
									formData['cp_info' + '[' + i + '][' + key + ']'] = '';
								}
							}
						}
					}
					const phpRes = await baseApi.getStockList(formData);
					if (phpRes.status > 0) {
						phpRes.data.map((item) => {
							this.stockList.map((ab) => {
								//如果是拆分的数据，就将返回值和子单进行比对，并将数值累加
								if (ab.stockSplitList) {
									ab.stockSplitList.map((cc) => {
										if (item.gyl_split_id == cc.id && item.stockId) {
											cc.rkSum = item.sum;
											cc.beiSum = item.piece_sum;
											cc.fhjs = item.piece_fh_sum;
											cc.fhNum = item.weight_fh_sum;
										}
									});
								} else {
									if (
										item.m_name == ab.productName &&
										item.m_desc == ab.grade &&
										item.stockId == ab.id
									) {
										ab.weightTotalRu = item.sum;
										ab.piece_sum = item.piece_sum;
										ab.piece_fh_sum = item.piece_fh_sum;
										ab.weight_fh_sum = item.weight_fh_sum;
									}
								}
							});
						});
						phpRes.total.map((item) => {
							this.stockList.map((ab) => {
								if (item.stockId == ab.id) {
									ab.weightTotalRu = item.sum;
									ab.piece_sum = item.piece_sum;
									ab.piece_fh_sum = item.piece_fh_sum;
									ab.weight_fh_sum = item.weight_fh_sum;
								}
							});
						});
						console.info(this.stockList,"asasas")
					}
				}
			}
		},
		onLoad(option) {
			this.id = option.id;
			this.status = option.status;
			this.getDetail();

		}
	}
</script>

<style>
	.step {
		border-bottom: 1px solid #d7d9da;
		box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.3);
	}

	.tabs {
		border-top: 2px solid #dbdbdb;
		box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.3);
	}

	.slot-icon {
		width: 21px;
		height: 21px;
		background-color: #f9ae3d;
		border-radius: 100px;
		font-size: 12px;
		color: #fff;
		line-height: 21px;
		text-align: center;
	}

    .info{
		background-color: #fff;
		border-left: 2px solid #f0f0f1;
		border-top: 2px solid #f0f0f1;
		border-right: 1px solid #bcbcbd;
		border-bottom: 1px solid #bcbcbd;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
		border-radius: 15px;
	}
	.workbench-title {
		font-size: 32rpx;
		font-weight: bold;
		color: #333333;
		padding: 5px 30rpx;
		margin-bottom: 10px;
	}

	::v-deep .u-form-item__body {
		padding: 5rpx 0rpx !important;
	}

	::v-deep .u-form-item {
		padding: 0px 40rpx !important;
	}

	.swiper1 {
		height: 1450rpx;
	}

	.swiper2 {
		height: 1350rpx;
	}

	.apply-form-field {
		background: #ffffff;

		.input-placeholder {
			text-align: left !important;
			font-size: 28rpx;
		}

		.uni-input-input {
			text-align: left !important;
		}

		.form-field-select {
			.u-iconfont {
				font-size: 0 !important;
			}
		}

		.add-user {
			color: #bfbfbf;
			font-size: 30px;
		}

		.apply-name {
			color: #333333;
			line-height: 20px;

			span {
				color: #999999;
				display: block;

			}
		}

		.apply-link {
			.u-link {
				color: #5ab149 !important;
				padding: 0 5px;
			}
		}

		.u-close--top-right {
			top: 5px !important;
		}

		.popup-title {
			color: #333333;
			padding: 5px 10px;
			font-size: 30rpx;
		}

		.u-cell {
			padding: 8px 12px !important;
		}

	}
</style>